Core Web Vitals
Core web vitals are metrics developed by Google that measure user experience. These new metrics are part of Google's page experience signals, and will affect your site's SEO ranking in Google searches starting in June 2021. Google has not announced to what extent core web vitals will affect search rankings.
Google can only measure core web vitals on browsers that use the open-source Chromium code base. That includes Google Chrome, Opera, Microsoft Edge, and others.
Google scores your site based on the 75th percentile for each metric. To help you understand how Google is scoring your site, Yottaa's dashboards show the 75th percentile for each metric, rather than the average. Each metric has a defined range of poor, needs improvement, or good. Use the Web Vitals dashboard to see where you fall in Google's defined ranges.
Core Web Vitals include:
| First Input Delay |
The time it takes for the page to respond to the first user interaction (for example, a click, tap, or a scroll). Even if the content has loaded, if the page does not respond to user input, it creates a poor user experience. For a good user experience, Google recommends a first input delay of less than 100 milliseconds.
|
| Cumulative Layout Shift |
The amount by which the content of a page shifts or reflows, which is visually disruptive and can cause users to accidentally click on the wrong element. Google gives a score based on the impact of the content and the amount it shifts. For a good user experience, Google recommends a score of less than 0.1. |
| Largest Contentful Paint |
The time it takes for the largest piece of visible content on a page to load. For a good user experience, Google recommends a largest contentful paint of no more than 2.5 seconds. When a page loads, there is more than one largest contentful paint event. For example, if a page first loads a large background image. At the time it loads, that background image is the largest contentful paint. Then, a larger image loads. The first image is no longer the largest contentful paint. It is now the second, larger image. These events continue until the page has finished loading. The final element to load in this sequence is the largest contentful paint. The final LCP event is the one that Google measures and scores. However, once you optimize this event, it might no longer be the largest contentful paint. In the example above, imagine that the web developer optimizes the second, larger image. Now the first background image becomes the largest contentful paint, and might also need to be optimized.
|
